<template>
  <div class="big-screen-page-box">
    <BigScreenHeader></BigScreenHeader>

    <div class="echarts-box" style="width:300px;height: 300px">
        <EchartsMap map="中国"
                    mapType="mapPin"
                    :labelShow="true"
                    url="/user-center/mapData"
        ></EchartsMap>
      </div>

      <div class="echarts-box" style="width:300px;height: 300px">
        <EchartsMap map="中国"
                    :labelShow="true"></EchartsMap>
      </div>
      <div class="echarts-box" style="width:300px;height: 300px">
        <EchartsMap map="中国"
                    url="/user-center/mapData"
                    mapType="mapFly"
                    mapFly="济南市"
                    mapFlyType="out"
        ></EchartsMap>
      </div>
      <div class="echarts-box" style="width:300px;height: 300px">
        <EchartsMap map="中国"
                    url="/user-center/mapData"
                    mapType="mapFly"
                    mapFly="济南市"
                    :labelShow="true"
                    mapFlyType="in"
        ></EchartsMap>
      </div>

      <div class="echarts-box" style="width:300px;height: 300px">
        <Echarts3DMap map="烟台市"
                      :labelShow="true"></Echarts3DMap>
      </div>
      <div class="echarts-box" style="width:300px;height: 300px">
        <Echarts3DMap map="中国"
                      url="/user-center/mapData"
                      mapType="mapFly"
                      :labelShow="true"
                      mapFly="济南市"
                      mapFlyType="in"></Echarts3DMap>
      </div>

      <div class="echarts-box" style="width:300px;height: 300px">
        <EchartsLiquidFill
            url="/user-center/sbq"
        ></EchartsLiquidFill>
      </div>

      <div class="echarts-box" style="width:300px;height: 300px">
        <EchartsLiquidFill
            url="/user-center/sbq"
            shape="pin"
        ></EchartsLiquidFill>
      </div>
      <div class="echarts-box" style="width:610px;height: 300px">
        <HorizontalBar
            url="/user-center/echartsData"
        ></HorizontalBar>
      </div>
      <div class="echarts-box" style="width:610px;height:300px">
        <EchartsMap3D
            map="烟台市"
            :labelShow="true"
            :regionHeight="10"
            yBeta="60"
            xBeta="0"
            :citySymbol="true"
            labelFontSize="16"
            :grid="{top:0}"
        ></EchartsMap3D>
      </div>


    </div>
</template>
